<template>
    <div id="root">
       
            <router-link to="/">
                <span class="fa fa-home"></span>
                <p>首页</p>
           </router-link>
     
    
            <router-link to="/Fenlei">
            <span class="fa fa-th-list"></span>
            <p> 分类</p>
            </router-link>
        
         
            <router-link to="/Kefu">
            <span class="fa fa-user-circle"></span>
            <p>客服</p>
            </router-link>
       
     
            <router-link to="/Gouwu">
                <span class="fa fa-shopping-cart"></span>
                <p>购物车</p>
            </router-link>

              <router-link to="/Wo">
                <span class="fa fa-user"></span>
                <p>我的</p>
              </router-link>
       
        
     
    </div>
</template>

<script>
    export default{

}
</script>

<style scoped>
    #root{
         background-color: white;
        color:white;
        display:flex;
        justify-content: space-around;
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
        align-items:center;
       
        height:56px;
    }
    p{
        margin: 0;
        font-size: 15px;
        color:black;
    }

    a{
        text-decoration: none;
    }
    span{
        margin-left: 8px;
        color:black;
    }
</style>